@use "./common" as common;

@each $v in common.$global-color-types {
  .text-color-#{"" + $v} {
    color: common.val("--text-color-" + $v)
  }
}

@each $v in common.$global-color-types {
  .bg-color-#{"" + $v} {
    background-color: common.val("--bg-color-" + $v)
  }
}

@each $v in common.$global-zlevel {
  .text-sz-#{"" + $v} {
    font-size: .12rem + (.02rem * ($v / 100 - 1));
  }
}

.app-line {
  display: block;
  height:1px;
  background-color: common.val(--bg-color-light-gray);
}

@import "./components/button/button";
@import "./components/image/image";
@import "./components/field/field";
@import "./components/address/address";

